安安～歡迎來到「30天前端設計之旅」的DAY 10。不知不覺活動已經完成三分之一了！今天將深入了解如何使用 CSS 來設計和美化文字。文字是網頁內容的核心，通過字型和文字屬性的調整，可以讓網頁中的文字表現出豐富的層次感。還將學習如何設計有條理的項目清單，讓網頁內容更易於閱讀以及理解。

文字設計的重要性
文字設計不單單影響網頁的可讀性，還直接關係到使用者的體驗。選擇合適的字型、調整文字的間距和對齊方式，能使網頁內容更具吸引力和專業感。今天將探討如何通過 CSS 調整字型和文字屬性，並且為項目清單添加個性化的樣式。

D-10的學習目標：

1. 字型屬性（Font Properties）：
   • 字體系列（Font Family）：使用 font-family 屬性為網頁設定合適的字體系列，中間使用逗號(，)隔開。例如：font-family: Arial, sans-serif;。
   • 字體大小（Font Size）：使用 font-size 屬性來調整文字的大小，可以使用像素（px）、百分比（%）、cm 等單位。適當調整字體大小，能讓網頁內容更易讀。
   • 字體樣式與字重（Font Style & Weight）：通過 font-style（如斜體 italic）和 font-weight（如粗體 bold）屬性，來改變文字的風格，增強視覺層次感。
2. 文字屬性（Text Properties）：
   • 文字對齊（Text Alignment）：使用 text-align 屬性來控制文字的對齊方式，如左對齊、右對齊、居中對齊。
   • 文字間距（Line Height & Letter Spacing）：使用 line-height 屬性調整行距，使段落文字更具可讀性；使用 letter-spacing 屬性調整字母間距，營造不同的文字風格效果。
   • 文字顏色與裝飾（Text Color & Decoration）：使用 color 屬性設置文字顏色，並使用 text-decoration 屬性（如下劃線 underline）來為文字添加裝飾效果。
3. 項目清單屬性（List Properties）：
   • 無序清單與有序清單（Unordered & Ordered Lists）：學習如何使用 ul 和 ol 創建無序和有序清單。
   • 使用 list-style-type 屬性設置清單項目的樣式，如圓點、方塊、數字或羅馬數字。
   • 使用 list-style-image 屬性為清單項目設置自定義圖片符號，讓你的清單看起來更具個性化。

文字設計是讓網頁內容更具魅力的關鍵，今天就開始提升網頁的文字設計技巧吧！✍️📚